<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>选课-考试课程</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="robots" content="all,follow">
    <!-- Bootstrap CSS-->
    <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome CSS-->
    <link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
    <!-- Fontastic Custom icon font-->
    <link rel="stylesheet" href="css/fontastic.css">
    <!-- Google fonts - Poppins -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,700">
    <!-- theme stylesheet-->
    <link rel="stylesheet" href="css/style.default.css" id="theme-stylesheet">
    <!-- Custom stylesheet - for your changes-->
    <link rel="stylesheet" href="css/custom.css">
    <!-- Favicon-->
    <link rel="shortcut icon" href="img/favicon.ico">
    <!-- Tweaks for older IEs--><!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
  </head>
  <body>
    <div class="page">
      <!-- Main Navbar-->
      <header class="header">
        <nav class="navbar">
          <!-- Search Box-->
          <div class="search-box">
            <button class="dismiss"><i class="icon-close"></i></button>
            <form id="searchForm" action="#" role="search">
              <input type="search" placeholder="What are you looking for..." class="form-control">
            </form>
          </div>
          <div class="container-fluid">
            <div class="navbar-holder d-flex align-items-center justify-content-between">
              <!-- Navbar Header-->
              <div class="navbar-header">
                <!-- Navbar Brand --><a href="index.html" class="navbar-brand d-none d-sm-inline-block">
                  <div class="brand-text d-none d-lg-inline-block"><span>练习生选课系统 </span><strong></strong></div>
                  <div class="brand-text d-none d-sm-inline-block d-lg-none"><strong>练习生</strong></div></a>
                <!-- Toggle Button--><a id="toggle-btn" href="#" class="menu-btn active"><span></span><span></span><span></span></a>
              </div>
              <!-- Navbar Menu -->
              <ul class="nav-menu list-unstyled d-flex flex-md-row align-items-md-center">
                <!-- Search-->
                <li class="nav-item d-flex align-items-center"><a id="search" href="#"><i class="icon-search"></i></a></li>
                <!-- Notifications-->
                
                <!-- Messages                        -->
               
                <!-- Logout    -->
                <li class="nav-item"><a href="login.html" class="nav-link logout"> <span class="d-none d-sm-inline">登出</span><i class="fa fa-sign-out"></i></a></li>
              </ul>
            </div>
          </div>
        </nav>
      </header>
      <div class="page-content d-flex align-items-stretch"> 
        <!-- Side Navbar -->
        <nav class="side-navbar">
          <!-- Sidebar Header-->
          <div class="sidebar-header d-flex align-items-center">
            <div class="avatar"><img src="img/avatar-1.jpg" alt="..." class="img-fluid rounded-circle"></div>
            <div class="title">
              <h1 class="h4">黄子雄</h1>
              <p>201717380227</p>
            </div>
          </div>
          <!-- Sidebar Navidation Menus--><span class="heading">菜单</span>
          <ul class="list-unstyled">
                    <li ><a href="index.html"> <i class="icon-home"></i>首页 </a></li>
                    <li class="active"><a href="#exampledropdownDropdown11" aria-expanded="false" data-toggle="collapse"> <i class="icon-grid"></i>选课 </a>
                        <ul id="exampledropdownDropdown11" class="collapse list-unstyled ">
                        <li class="active"><a href="tables.html">考试课程</a></li>
                        <li><a href="tables2.html">考察课程</a></li>
                        
                      </ul>
                    </li>
                    <!--<li><a href="charts.html"> <i class="fa fa-bar-chart"></i>成绩 </a></li>-->
                    <!--<li><a href="forms.html"> <i class="icon-padnote"></i>课表 </a></li>-->
                    <li><a href="#exampledropdownDropdown" aria-expanded="false" data-toggle="collapse"> <i class="icon-interface-windows"></i>个人信息 </a>
                      <ul id="exampledropdownDropdown" class="collapse list-unstyled ">
                        <li><a href="stuTables3.html">所选课程</a></li>
                        <li><a href="stuFrom.html">修改信息</a></li>
                      </ul>
                    </li>
                    <li><a href="login.html"> <i class="icon-interface-windows"></i>退出登录 </a></li>
          </ul>
        </nav>
        <div class="content-inner">
          <!-- Page Header-->
          <header class="page-header">
            <div class="container-fluid">
              <h2 class="no-margin-bottom">考试课程</h2>
            </div>
          </header>
          <!-- Breadcrumb-->
          <div class="breadcrumb-holder container-fluid">
            <ul class="breadcrumb">
              <li class="breadcrumb-item"><a href="index.html">首页</a></li>
              <li class="breadcrumb-item active">考试课程            </li>
            </ul>
              
          </div>
            <div style="margin-left:100px;margin-top:20px;margin-bottom:-40px">
                <button type="submit" class="btn btn-primary">确认选课</button>
            </div>
            <!--<input type="button" value="确认选课" />-->
            <section class="tables">
                <div>
                    <table class="table">
                       
                          <thead>
                            <tr>
                                <th></th>
                              <th>#</th>
                                
                              <th>课程名称</th>
                              <th>任课老师</th>
                              <th>课程学时</th>
                                <th>上课教室</th>
                                <th>课程学分</th>
                                <th>开课时间</th>
                                <th>结课时间</th>
                                <th>需要人数</th>
                                <th>已选人数</th>
                                <th>课程类型</th>
                                <th>课程状态</th>
                                
                            </tr>
                          </thead>
                          <tbody>
                            <tr>
                                <td><input type="checkbox" id="input-1" name="input-1" class="checkbox-template"></td>
                              <th scope="row">1</th>
                              <td>形式与政策</td>
                              <td>王志军</td>
                              <td>星期四14:20</td>
                                <td>求实楼404</td>
                                <td>10</td>
                                <td>第七周</td>
                                <td>第十周</td>
                                <td>40</td>
                                <td>35</td>
                                <td>考试课</td>
                                <td>未满</td>
                            </tr>
                            
                          </tbody>
                        </table>
                </div>
                </section>
         <footer class="main-footer">
            <div class="container-fluid">
              <div class="row">
                <div class="col-sm-6">
                  <p>LXS &copy; 2019</p>
                </div>
                <div class="col-sm-6 text-right">
                  <p>练习生选课管理系统<a href="#" target="_blank" title="选课管理系统"></a> -  from <a href="#" title="学校" target="_blank">湖南工程</a></p>
                  
                </div>
              </div>
            </div>
          </footer>
        </div>
      </div>
    </div>
    <!-- JavaScript files-->
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/popper.js/umd/popper.min.js"> </script>
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
    <script src="vendor/jquery.cookie/jquery.cookie.js"> </script>
    <script src="vendor/chart.js/Chart.min.js"></script>
    <script src="vendor/jquery-validation/jquery.validate.min.js"></script>
    <!-- Main File-->
    <script src="js/front.js"></script>
  </body>
</html>